<template>
	<!-- 弹窗 -->
	<cube-popup type="my-popup" v-model="visible">
		<div class="popup">
			<img class="image" src="@/pics/page_header1.png" />
			<div class="message">{{content}}</div>
			<div class="btnConfirm" @click="onConfirm">{{btnText}}</div>
		</div>
	</cube-popup>
</template>

<script>
export default {
	name:"DialogConfirm",
	data(){
		return {
			
		}
	},
	props:{
		visible:{
			type:Boolean,
			default:false,
		},
		btnText:{
			type:String,
			default:"返回",
		},
		content:{
			type:String,
			default:"提示",
		},
		onConfirm:{
			type:Function,
		}
	},
	
};
</script>

<style lang="less" ,sscoped>
.popup {
	height: 300px;
	width: 240px	;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 6px;	
	.image{
		width: 100%	;	
	}
	.message{
		margin-top: 10px ;
		font-size: 22px;
		font-weight: 500;
		color: #FFB651;
		line-height: 31px;
		text-align: center;
	}
	.btnConfirm{
		margin-top: 30px ;
		width: 158px;
		height: 36px;
		background: #FE921E;
		box-shadow: 0px 5px 12px 0px rgba(254,146,30,0.59);
		border-radius: 17px;
		
		line-height: 34px;
		font-size: 18px;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
	}
}
</style>
